<script>
    
    $(document).ready(function(){

            $(".input-large").focusout(function(){

                Obj.ajax_save($(this));
                
               // if(Obj.data_return()=="success"){
                
                $(".js-saving-progress.saving-progress").show();
                //Obj.data_return();
                $(".js-saving-progress.saving-progress").hide("slow");
                //}
               // console.log(Obj.data_return());
              }); 
    });
    
    
   

</script>
<div>

<div class="row js-section">
  <div class="js-saving-progress saving-progress" style="display:none;">
  <!--
  <h5 class="save">Сохраняю...</h5>-->
  <h5 class="save">Сохранено</h5>
</div>


  <div class="col-4">
    
    <h3>Обзор</h3>

    
    
    <p class="text-muted">
      Заголовок и описание отображаются на странице объявления.
    </p>
    

    
    
  </div>

  <div class="col-8">
    
    
<div class="row-space-2" id="tooltip-help-name">
  <label class="label-large">Заголовок</label>
  <input type="text" name="title" value="" id="title" class="input-large" placeholder="Напишите заголовок" maxlength="35">
  <p class="hide icon-red error-too-long row-space-top-1">Чтобы сохранить изменения, нужно сократить текст</p>

  <p class="hide icon-red error-value-required row-space-top-1">Чтобы сохранить изменения, необходимо ввести значение</p>


  <div id="js-name-count" class="row-space-top-1 h6 text-right">
    <span>35</span> символов осталось
  </div>
</div>
<div id="tooltip-help-summary">
  <label class="label-large">Краткое описание</label>
  <textarea class="input-large" name="description" id="description" rows="6" placeholder="Напишите текст длиной до 250 символов" maxlength="250"></textarea>
  <p class="hide icon-red error-too-long row-space-top-1">Чтобы сохранить изменения, нужно сократить текст</p>

  <p class="hide icon-red error-value-required row-space-top-1">Чтобы сохранить изменения, необходимо ввести значение</p>

  <div id="js-summary-count" class="row-space-top-1 h6 text-right">
    <span>250</span> символов осталось
  </div>
</div>




  </div>
</div>






<hr class="section-divider not-post-listed">

<p class="text-center not-post-listed">
  Хотите написать больше? Добавьте <a href="#" id="js-write-more">подробное описание</a> к своему объявлению.
</p>


<div class="tooltip help-tooltip" data-trigger="#tooltip-help-name" data-event="none">
  <div class="media">
    <i class="pull-left icon icon-light-bulb icon-blue icon-beach icon-size-2"></i>
    <div class="media-body text-lead text-muted help-tooltip-body">
      
  <strong>Яркий заголовок</strong>
  <p>
    Хороший заголовок уникален и информативен! Он должен отражать главные характеристики вашего жилья.
  </p>
  <p>
    <strong>Примеры:</strong>
  </p>
  <ul>
    <li>Очаровательный особняк в викторианском стиле в районе Mission</li>
    <li>Уютная квартира с двумя спальнями и доступом к парковке</li>
    <li>Потрясающий вид из современного лофта</li>
  </ul>

    </div>
  </div>
</div>


<div class="tooltip help-tooltip" data-trigger="#tooltip-help-summary" data-event="none">
  <div class="media">
    <i class="pull-left icon icon-light-bulb icon-blue icon-beach icon-size-2"></i>
    <div class="media-body text-lead text-muted help-tooltip-body">
      
  <strong>Запоминающееся описание</strong>
  <p>Отличное описание увлекательно и богато деталями! Постарайтесь рассказать об основных особенностях вашего района и жилья, уложившись в 250 символов.</p>
  <p>
    <strong>Пример: </strong>В нашей уютной, удобной квартире — одна спальня и стена с открытой кирпичной кладкой, воплощающая истинный дух города! Квартира идеальна для двоих, находится в центре на тихой улице, в паре кварталов от Уошингтон-Парк. К вашим услугам элегантная кухня, обустроенная крыша, рядом основные ветки метро!
  </p>

    </div>
  </div>
</div>


</div>